<template>
    <div>
        <h3 style="margin: 20px;">管理员详情</h3>
        <div class="row">
            <div class="id">管理员ID：{{route.query.admin_id}}</div>
            <div>管理员名称：{{route.query.admin_name}}</div>
            <div>所属部门：{{route.query.department}}</div>
            <div>角色：{{route.query.role}}</div>
            <div>真实姓名：{{route.query.real_name}}</div>
            <div>手机号：{{route.query.mobile}}</div>
            <div>邮箱：{{route.query.email}}</div>
            <div>是否启用：{{route.query.is_use=='true'? '已启用':'未启用'}}</div>
            <div>备注：{{route.query.remarks}}</div>

        </div>
    </div>
</template>

<script setup lang="ts">
   import {useRoute} from 'vue-router'

   const route=useRoute()
   console.log(route.query)
</script>

<style lang="scss" scoped>
    .row{
        font-size: 15px;
        margin-left: 80px;
        div{
            margin-top: 30px;
        }
        .id{
            margin-top: 10px;
        }
    }
</style>